#3C98FF

Color Details

HEX
#3C98FF
RGB
rgb(60, 152, 255)
HSL
hsl(212, 100%, 62%)
CMYK
cmyk(76%, 40%, 0%, 0%)
Best text on this color #000000 (CR 7.13:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3c98ff
Contrast 7.13:1 AAA
White on #3c98ff
Contrast 2.95:1 Fail
#3c98ff on Black
Contrast 7.13:1 AAA
#3c98ff on White
Contrast 2.95:1 Fail

Tints & Shades

#63adff
#8ac1ff
#b1d6ff
#307acc
#245b99
#183d66

Complement & Analogous

#ffa53d
#443dff
#3df9ff

Triadic

#ff3d98
#98ff3d

Monochrome

#183d66 #245b99 #3c98ff #8ac1ff #b1d6ff #d8eaff

Analogous

#3df9ff #77fbff #3c98ff #6964ff #443dff #3631cc

Complementary Mix

#245b99 #3c98ff #8ac1ff #ffa53d #ffc581 #a66b28

Nearby Colors

#3c98fe
#3c9900
#3c98ef
#3c990f

Embed #3C98FF swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #3C98FF

#3C98FF converts to RGB(60, 152, 255) and HSL(212, 100%, 62%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#3C98FF FAQs

What is the RGB value of #3C98FF?
RGB: 60, 152, 255. Copy as CSS: rgb(60, 152, 255)
Is #3C98FF a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #3C98FF?
Complement: #ffa53d.
Does #3C98FF have good contrast on white or black?
On white: 2.95:1 (Fails AA). On black: 7.13:1 (AAA (normal text)).